// const { default: axios } = require("axios")

// const { default: axios } = require("axios");
require('../css/index.less')

window.onload = function () {
    // 请求是否打卡接口，获取该用户当前数据
    axios.get('/api/user/clockInInfo').then(function (res) {
        console.log(res);
    })
    let rankNum = document.querySelector('.rank .rankNum')
    let clock = document.querySelector('.clock span')
    let badge = document.querySelector('.badge span')
    // 封装获取数据方法
    function getData() {
        // 获取首页的默认数据信息
        axios.get('/api/user/info').then(function (res) {
            console.log(res.data.data);
            let data = res.data.data;

            // 渲染数据到页面
            rankNum.innerText = data.ranking;
            clock.innerText = data.clockCount;
            badge.innerText = data.badges;

        });
        // 请求是否打卡接口 获取该用户当前数据
        axios.get('/api/user/clockInInfo').then(function (res) {
            if (res.data.errno == 0) {

                if (res.data.data.isClockIn) {
                    // 隐藏打卡按钮
                    btn2.style.display = 'none'
                } else {

                }
            }
        })
    }
    getData();
    let btn2 = document.querySelector('.btn2')

    // 打卡按钮绑定点击事件
    btn2.addEventListener('click', function () {
        // 请求打卡接口-打卡成功--弹框--更新数据
        axios.post('/api/user/clockIn').then(function (res) {
            if (res.data.errno == 0) {
                alert('打卡成功')
                // 更新页面
                getData();


            }
        })
    })

    // 轮播图
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,

    })
    // 创建底部导航
    common.createFooter('首页');
}

